﻿<!--
/*
(c) 2010 - Open Source Business Foundation e. V. (www.osbf.de)
This software is provided under Microsoft Reciprocal License (Ms-RL)
(http://www.microsoft.com/opensource/licenses.mspx#Ms-RL)
All other rights reserved
*/
-->
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="MicroFormatWebRole.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>MicroFormats in the Cloud - Login</title>
    <style type="text/css">
        #HeaderSection { border:1px solid #888; position:absolute; top:10px; left:10px; height:60px; right:10px; background-color:#ddf }
        #HeaderSectionIcon { position:absolute; top:2px; left:10px; height:60px; font-size:large; font-weight:bold; text-align:left; vertical-align:middle }
        #HeaderSectionLeft { position:absolute; top:2px; left: 200px; height:23px; font-size:large; font-weight:bold; text-align:left; vertical-align:middle }
        #HeaderSectionRight { position:absolute; top:2px; right:10px; width:100px; height:23px; font-size:large; font-weight:bold; text-align:right; vertical-align:middle }
        #LoginSection { border:1px solid #888; position:absolute; width:250px; height:100px; top:100px; left:50%; margin-left:-125px; background-color:#ddf }
        #StatusSection { border:1px solid #888; position:absolute; bottom:10px; left:10px; right:10px; height:40; background-color:#fdd; text-align:center; font-weight:bold; font-size:large }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="HeaderSection">
        <div id="HeaderSectionIcon"><img src='http://microformats.blob.core.windows.net/resources/osbf.jpg' /></div>
        <div id="HeaderSectionLeft">MicroFormats in the Cloud</div>
        <div id="HeaderSectionRight">Login</div>
    </div>
    <div id="LoginSection">
        <div style="position:relative; top:10px">
            <table border="0" width="100%">
                <tr>
                    <td style="width:100px">Username</td><td><asp:TextBox ID="UsernameTextbox" runat="server" Width="150px"></asp:TextBox></td>
                </tr>
                <tr>
                    <td style="width:100px">Password</td><td><asp:TextBox ID="PasswordTextbox" runat="server" TextMode="Password" Width="150px"></asp:TextBox></td>
                </tr>
                <tr>
                    <td colspan="2" align="center"><asp:Button ID="LoginButton" runat="server" Text="Login" onclick="OnLoginButtonClick" /></td>
                </tr>
            </table>
        </div>
    </div>
    <div id="StatusSection" runat="server">
        <asp:Label ID="StatusLabel" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>